{% extends 'base.html' %}

{% block body %}

<head>
<meta http-equiv="refresh" content="10"> 
<title>SITEG</title>
</head>

<div id="principal">
<form action="." method="post">
<div id="formulario" style="position:absolute; left: 294px; top: 113px; left; width: 449px; height: 490px;"><h3>Unirse a Partida</h3>

<table id="lista-partidas">

<tr>
    <td>
        Selección de Partida:
    </td>
    <td align=right width=400>
        Lugares Disponibles:
    </td>
</tr>
<tr>
    <td width=300>
        {{ form.partidas }}
    </td>

    <td>
        <table id="lugares-disponibles">
            {% for partida in partidas %}
                <tr>
                    <td width=150 align=right><FONT SIZE=4>{{ partida.lugares_disponibles }} de 6</FONT></td>
                </tr>
            {% endfor %}
        </table>
    </td>
</tr>

</table>

<br>
<FONT SIZE=4>Color de los Ejércitos: </FONT>{{ form.colorEjercitos }}
<p>&nbsp;</p>

<div id="botones">

    <p align="right">
      <input name="volver" type="button" value="Volver" onclick="window.location.href='/menu'"/>
      <input name="unirse" type="submit" value="Unirse"/>
    </p>

  <p>&nbsp;</p>
</div>

</form>
</div>


{% endblock %}

